<template>
  <div class="home">
    <p>{{ msg }}</p>
    <button @click="changeMsg">改变数据</button>
  </div>
</template>

<script>
// @ is an alias to /src

export default {
  name: 'HomeView',
  components: {
  },
  setup() {
    // setup组件初始化之前执行，它返回的数据和函数可在模版使用 
    console.log('定义数据,设置方法');
    // 不是响应式数据
    let msg = '小红';
    let changeMsg = () => {
      // 无法改变数据--不是响应式数据
      msg = '改变小红'
      console.log('改变数据' + msg);
    }

    return {
      msg,
      changeMsg
    }

  }

}
</script>
